<template>
  <div>
    <el-table  border v-loading="loading" :data="tableData" style="width: 100%">
      <el-table-column label="性能名称" align="center" prop="paramName" />
      <el-table-column
        label="性能分类"
        align="center"
        prop="paramCategoryName"
      />
      <el-table-column label="单位" align="center" prop="unitName" />
      <el-table-column label="值" align="center" prop="value" />
      <el-table-column label="描述" align="center" prop="valueStr" />
    </el-table>
  </div>
</template>

<script>
import { getProduct } from "@/api/technology/product";
export default {
  data() {
    return {
      tableData: [],

      loading: false,
      productId: "",
    };
  },
  methods: {
    getList() {
      getProduct(this.productId).then((response) => {
        this.tableData = response.data.technologyWorkingParams;
        this.loading = false;
      });
    },
    getInfo(id) {
      this.productId = id;
      this.getList();
    },
    
  },
};
</script>

<style lang="sass" scoped>
</style>>
